<template>
  <div style="min-height: 20px;display: flex;flex-direction: row;"
    :style="{
      'background': nodeModel.configDict.componentStyle.background,
      'justify-content': nodeModel.configDict.componentStyle.justify_content,
      'width': nodeModel.configDict.componentStyle.width/2+'px',
      'height': nodeModel.configDict.componentStyle.height/2+'px',
      'line-height': nodeModel.configDict.componentStyle.lineHeight/2+'px',
      'marginTop': nodeModel.configDict.componentStyle.marginTop/2+'px',
      'marginBottom': nodeModel.configDict.componentStyle.marginBottom/2+'px',
      'marginLeft': nodeModel.configDict.componentStyle.marginLeft/2+'px',
      'marginRight': nodeModel.configDict.componentStyle.marginRight/2+'px',
      'paddingTop': nodeModel.configDict.componentStyle.paddingTop/2+'px',
      'paddingBottom': nodeModel.configDict.componentStyle.paddingBottom/2+'px',
      'paddingLeft': nodeModel.configDict.componentStyle.paddingLeft/2+'px',
      'paddingRight': nodeModel.configDict.componentStyle.paddingRight/2+'px',
      'color': nodeModel.configDict.componentStyle.colorForText1,
      'font-size': nodeModel.configDict.componentStyle.fontsizeForText1/2 + 'px',
      'font-weight': nodeModel.configDict.componentStyle.fontweightForText1,
    }">
    {{ nodeModel.configDict.componentStyle.text }}
  </div>
</template>
<script>
  export default {
    components: {
        
    },
    props:{
        nodeModel:{
            type: Object,
            default: res=>{}
        },
    },
    data() {
      return {
        
      }
    },
    
    methods:{

    }
  }
</script>

<style lang="scss" scoped>

</style>